<template>
    <div class="top">
            <img src="@/assets/left.png" alt="" @click="$router.go(-1)">
            <p class="title">{{text}}</p>
    </div>
</template>

<script>
    export default {
        name:"Top-Component",
        props:['text']
    }
</script>

<style scoped lang="less">
    .top{
            width: 95%;
            margin: 0 auto;
            display: flex;
            height: 10.7vw;
            align-items: center;
            background: #fff;
            padding-bottom: 1.3vw;
            border-bottom: 1px solid rgb(245, 244, 244);

            img{
                width: 5.3vw;
                height: 5.3vw;
            }
            p{
                text-align: center;
                width: 88%;
                font-size: 3.7vw;
                color: #333;
                font-weight: 600;
            }
        }
</style>